<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
         <link href="style2.css" rel="stylesheet" type="text/css" />
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                
                <title>SOLICITUD DE MATERIAL</title>
            </f:facet>
        </h:head>

        <h:body>

          <div id="container">
  <div id="banner">
    <h1>LA GEA EL SALVADOR</h1>
  </div>
              <div id="navbar2" >
    <ul>
        <li>SESION INICIADA COMO: #{datosSesionBean.nombreUsuario}</li>
    </ul>
  </div>
  <div id="navbar">
      <h:form>
    <ul>
         <li><h:link outcome="MenuInicio">INICIO</h:link></li>
    <li><h:link outcome="Usuarios">USUARIOS</h:link></li> 
    <li><h:link outcome="Reportes">REPORTES</h:link></li>
    <li><h:link outcome="Ordenes">ORDENES</h:link></li>
    <li><h:link outcome="Inventarios">INVENTARIOS</h:link></li>
    <li><h:link outcome="Mantenimientos">MANTENIMIENTOS</h:link></li>
    <li><h:link outcome="MiCuenta">MI CUENTA</h:link></li>
    <li><h:commandLink actionListener="#{datosSesionBean.cerrarSesion()}">SALIR</h:commandLink></li>
    
    </ul>
          </h:form>
  </div>
  <div class="clear"></div>
  <div id="content">
      <h:form id="requis">
      <p:panel header="DATOS REQUISICION DE MATERIAL" ></p:panel>
           
               <h:panelGrid id="ver" columns="3" cellpadding="5" cellspacing="20"> 
                   <p:outputLabel id="orden" value="INGRESE LA ORDEN DE SERVICIO"/>
                   <p:inputText id="orden2" value=""/>
                    <p:outputLabel value=""/>
                   <h:outputLabel value="SELECCIONE EL MATERIAL:"/>  
                   <p:selectOneMenu id="s1" value="#{requisicion.seleccionado}">   
                       <f:selectItem  itemLabel="--SELECCIONE UNA OPCION--" itemValue=""/>
                       <f:selectItems value="#{requisicion.alstmat}"   />
                     
                    <p:ajax update="cantidad medida"  
                            listener="#{requisicion.verMaterial()}" />  
                   </p:selectOneMenu> 
                   <p:outputLabel id="cantidad" value="CANTIDAD DISPONIBLE ACTUAL: #{requisicion.cantidad} #{requisicion.unidadMedida}"/>
                   <p:outputLabel id="medida" value="CANTIDAD SOLICITADA EN: #{requisicion.unidadMedida}"/>
                   <p:inputText id="uno" value="#{requisicion.nuevaC}">
                       <p:ajax event="keyup" update="out"   
                               listener="#{requisicion.comparar()}"/> 
                   </p:inputText>
                   <p:outputLabel id="out" value="#{requisicion.mensaje}"/>
           </h:panelGrid>
      
      <p:commandButton value="Agregar" actionListener="#{requisicion.agregarMaterial()}" update="lista"/>
           <BR/>
          <br/>
          <p:orderList id="lista" value="#{requisicion.material}" var="player"  
                       itemValue="#{player.id}"  controlsLocation="left" >  
        <f:facet name="caption">Available</f:facet>  
  
        <p:column style="width:25%">  
             #{player.cantidad}
        </p:column>  
  
        
    </p:orderList>  
          <BR/>
             <p:commandButton value="CREAR REQUISICION" />
      </h:form>
     
      
  </div>
  <div class="clear"></div>
  <div id="footer">
      <p align="center">ADMINISTRADO Y DISEÑADO POR ANALISIS DE SISTEMAS 2</p>
  </div>
</div>

        </h:body>

    </f:view>
</html>